<template>
  <div style="height: 100%">
   <Tabs v-model="tabKey" class="single-table-con">
      <TabPane label="2022年数字化覆盖现状" name="one">
         <cover v-if="tabKey == 'one'"  :bussinessCode="bussinessCode" fromPage="Summary" pageType="1" vsCode='SHARE_145_2022_TABLE_CODE'  type="status" title="《2022年数字化覆盖现状》" :showAdd="false" uploadUrl=""></cover>
      </TabPane>
      <TabPane label="“十四五”数字化覆盖目标" name="two">
         <cover v-if="tabKey == 'two'" :bussinessCode="bussinessCode"  fromPage="Summary" pageType="2" vsCode='SHARE_145_PLAN_TABLE_CODE' type="target" title="《“十四五”数字化覆盖目标》" :showAdd="false" uploadUrl=""></cover>
      </TabPane>
      <TabPane  label="数字化覆盖率计算表" name="three">
         <cover v-if="tabKey == 'three'" :bussinessCode="bussinessCode"  fromPage="Summary" pageType="3" vsCode='SHARE_145_COUNT_TABLE_CODE' type="rate" title="《数字化覆盖率计算表》" :showAdd="false" uploadUrl=""></cover>
      </TabPane>
    </Tabs>
  </div>
</template>
 
<script>
import cover from '@/components/ListView/cover.vue'

export default {
  name: 'businessData',
    components:{
      cover
   },
   props: {
    bussinessCode: {
      type: String,
      default: ''
    }
   },
   data() {
    return {
      tabKey: 'one',
    }
   }
}
</script>
<style lang="less" scoped>
.single-table-con {
    height: 100%;
    display: flex;
    flex-direction: column;
    /deep/.ivu-tabs-content {
      flex: 1;
    }
}
</style>
